<!--
wy 商品评价界面
描述：商品评价
最后修改时间：9.16/16:19
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>吃游网-商品评论</title>

    <link rel="stylesheet" href="css/quote/bootstrap.css">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/home/home.css">
    <link rel="stylesheet" href="css/comments.css">

    <script src="js/quote/jquery-3.4.1.js"></script>
    <script src="js/quote/hf.js"></script>
    <script src="js/quote/jquery.js"></script>
    <script src="js/quote/bootstrap.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/comments.js"></script>

</head>
<body>
<div class="page-content background">

    <div class="container">
        <div class="">
            <h3 style="margin: 22px 0">美食评论</h3>
        </div>
    </div>
    <div class="container">
        <div class="mycomment-form">
            <!-- page -->
            <div class="form-part1">

                <div class="f-cutline"></div>
                <div >
                    <div class="fi-info">
                        <div class="comment-goods">
                            <div class="p-img">
                                <a href="" target="_blank">
                                    <img src="" alt="">
                                </a>
                            </div>
                            <div class="p-name">
                                <a href="#" target="_blank">黄焖鸡米饭，浓汁鸡煲饭。小吃做成后色香味美，口感鲜嫩透味不粘腻，香味浓郁。</a>
                            </div>
                            <div class="p-price"><strong>¥11.90</strong></div>
                        </div>
                    </div>
                    <div class="fi-operate">
                        <div class="fop-item fop-star  ">
                            <div class="fop-label">美食评分</div>
                            <div class="fop-main">
						<span class="commstar">
							<span class="star star1"><i class="face"></i></span>
							<span class="star star2"><i class="face"></i></span>
							<span class="star star3"><i class="face"></i></span>
							<span class="star star4"><i class="face"></i></span>
							<span class="star star5"><i class="face"></i></span>
							<span class="star-info">0分</span>
						</span>
                            </div>
                            <div class="fop-tip"><i class="tip-icon"></i><em class="tip-text"></em></div>
                        </div>

                        <div class="fop-item ">
                            <div class="fop-label">美食评价</div>
                            <div class="fop-main">
                                <div class="f-textarea">
                                    <textarea name=""placeholder="分享美食味道，给万千想吃的人一个参考~"></textarea>
                                    <div class="textarea-ext"><em class="textarea-num">最多100字</em></div>
                                </div>
                                <div class="m-imgshow f-imgshow">
                                    <div class="thumbnail-list" style="position: relative;">
                                        <span class="btn-upload" style="position: relative; z-index: 0;">
                                        </span>
                                        <span class="upload-num">最多9张</span>
                                        <div class="html5" style="position: absolute; background: transparent; width: 50px; height: 50px; overflow: hidden; z-index: -1; opacity: 0; top: 0px; left: 0px;">
                                            <input style="font-size: 999px; position: absolute; width: 100%; height: 100%;" type="file" accept="image/jpeg,image/gif,image/png,image/bmp" multiple="multiple">
                                        </div>
                                    </div>
                                    <div class="bigimg-switch hide">
                                        <div class="bigimg-operate">
                                            <a href="#none" class="op-rotate1"><i></i><em>左转</em></a>
                                            <a href="#none" class="op-rotate2"><i></i><em>右转</em></a>
                                            <a href="#none" class="op-delete"><i></i><em>删除</em></a>
                                        </div>
                                        <div class="switch-inner">
                                            <img src="" alt="" class="bigimg">
                                            <div class="cursor-small"></div>
                                            <div class="cursor-prev"></div>
                                            <div class="cursor-next"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="fop-tip"><i class="tip-icon"></i><em class="tip-text"></em></div>
                        </div>
                    </div>
                </div>
                <div class="f-cutline"></div>
                <!-- page -->
                <div class="f-btnbox">
                    <a href="" class="btn-submit">发表</a>
                </div>
            </div>
        </div>
        <hr/>
    </div>
</div>
</body>
</html>